<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js滚动相册</title>
<meta content="" name="description">
<script type="text/javascript" src="/j-tool/jquery.js"></script>
<script type="text/javascript" src="/j-tool/jq_slide.js"></script>
<style>
	*{margin:0;padding:0;}
	.flash_box{width: 665px;margin:0 auto;overflow:hidden;margin-top: 20px;}
	#flash_1{height: 255px;}
	#flash_1 li{float:left;list-style:none;}
	#flash_1_numb{left:532px; height: 30px;position:relative;top: -20px;}
	#flash_1_numb li{float:left;list-style:none;line-height:24px;border:1px solid #ccc;width:24px;text-align:center;background:white;margin:0 2px;}
	#flash_1_numb li a{float:left;margin:1px;width: 22px;}
	.online a{background:green;}

	.flash_list{width: 675px;margin:0 auto;overflow:hidden;margin-top: 20px;}
	#flash_2 {height: 88px;}
	#flash_2 li{float:left;list-style:none;}
	#flash_2 img{width:135px;height: 88px;}
</style>
<body>
<div class="flash_box">
	<ul id="flash_1">
		<li><img src="/pic/images/1343641614161.jpg"/></li>
		<li><img src="/pic/images/1344325292410.jpg"/></li>
		<li><img src="/pic/images/1344327135459.jpg"/></li>
		<li><img src="/pic/images/1344485224902.jpg"/></li>
	</ul>
	<ul id="flash_1_numb">
		<li class="online"><a href="javascript:;">1</a></li>
		<li><a href="javascript:;">2</a></li>
		<li><a href="javascript:;">3</a></li>
		<li><a href="javascript:;">4</a></li>
	</ul>
</div>

<div class="flash_list">
	<ul id = "flash_2">
		<li><img src="/pic/images/1347359502318.jpg"/></li>
		<li><img src="/pic/images/1342174899773.jpg"/></li>
		<li><img src="/pic/images/1345522165772.jpg"/></li>
		<li><img src="/pic/images/1345523184790.jpg"/></li>
		<li><img src="/pic/images/1345523588670.jpg"/></li>
		<li><img src="/pic/images/1346815475911.jpg"/></li>
	</ul>
</div>
</body>
<script>	
	jQuery(function($){
		var len = $('#flash_1 > li').length;
			$('#flash_1').width(665*len);
		var len = $('#flash_2 > li').length;
			$('#flash_2').width(135*len);
	})
	var Flash = new Slider();
		Flash.Init('flash_1',665,500);

	var Longs = new Slider();
		Longs.Init('flash_2',135,400,1);
</script>
</html>